<template>
    <view class="device-callback-page">
        <!-- 顶部导航栏 -->
        <view class="header-nav">
            <view class="nav-left" @tap="goBack">
                <text class="back-icon">‹</text>
            </view>
            <view class="nav-center">
                <text class="nav-title">设备回拨</text>
            </view>
            <view class="nav-right"></view>
        </view>

        <!-- 页面内容 -->
        <view class="page-content">
            <view class="placeholder">
                <text class="placeholder-text">设备回拨功能开发中...</text>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        methods: {
            goBack() {
                uni.navigateBack();
            }
        }
    };
</script>

<style lang="scss" scoped>
    .device-callback-page {
        background-color: #f0f2f5;
        min-height: 100vh;

        // 顶部导航栏
        .header-nav {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20rpx 30rpx;
            background: #fff;
            border-bottom: 1rpx solid #eee;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;

            .nav-left {
                width: 60rpx;
                height: 60rpx;
                display: flex;
                align-items: center;
                justify-content: center;

                .back-icon {
                    font-size: 48rpx;
                    color: #333;
                    font-weight: bold;
                }
            }

            .nav-center {
                flex: 1;
                text-align: center;

                .nav-title {
                    font-size: 36rpx;
                    font-weight: bold;
                    color: #333;
                }
            }

            .nav-right {
                width: 60rpx;
            }
        }

        // 页面内容
        .page-content {
            margin-top: 100rpx;
            padding: 40rpx 30rpx;

            .placeholder {
                text-align: center;
                padding: 100rpx 0;

                .placeholder-text {
                    font-size: 28rpx;
                    color: #999;
                }
            }
        }
    }
</style>
